import React, { Component } from 'react';

import {
  HeaderWrapper,
  Logo,
  NavContainer,
  NavItem,
  NavSearch,
  Additional,
  Button
} from './style';

class Header extends Component {
  render() {
    return (
      <HeaderWrapper>
        <Logo />
        <NavContainer>
          <NavItem className="left active">首页</NavItem>
          <NavItem className="left">下载App</NavItem>
          <NavSearch></NavSearch>
          <NavItem className="right">登录</NavItem>
          <NavItem className="right">Aa</NavItem>
        </NavContainer>
        <Additional>
          <Button className="writting">写文章</Button>
          <Button className="register">注册</Button>
        </Additional>
      </HeaderWrapper>
    );
  }
}

export default Header;
